<template>
  <section class="group-list">
    <simple-title title="项目设置" :show="false"></simple-title>
    <div class="inner">
      <Form :model="formItem" :label-width="80">
        <FormItem label="项目标题：">
          <Input v-model="formItem.input" placeholder="新建日记请输入完整的标题，完善日记可点击右边的三角，在日记列表中选择"></Input>
        </FormItem>
        <FormItem label="插入照片：">
          <Upload style="display: inline-block" action="//jsonplaceholder.typicode.com/posts/">
            <img src="../Diary/img/front.png" alt="">
          </Upload>
          <Upload style="display: inline-block" action="//jsonplaceholder.typicode.com/posts/">
            <img src="../Diary/img/side45.png" alt="">
          </Upload>
          <Upload style="display: inline-block" action="//jsonplaceholder.typicode.com/posts/">
            <img src="../Diary/img/side.png" alt="">
          </Upload>
          <p>为了更好的展示日记的美观，写日记时，首次插入的照片为术前照片，后期插入的为每个恢复阶段的照片，这样才能起到前后对比的效果！</p>
        </FormItem>
        <FormItem label="正文：">
          <Input v-model="formItem.textarea" type="textarea" :autosize="{minRows: 4}" placeholder="日记正文..."></Input>
        </FormItem>
        <FormItem>
          <Button type="primary" style="width: 200px">发布</Button>
        </FormItem>
      </Form>
    </div>
  </section>
</template>

<script>
import SimpleTitle from '../../../components/Title/SimpleTitle'
export default {
  name: 'ProjectSetting',
  components: {
      SimpleTitle
  },
   data () {
      return {
          formItem: {}
      }
   },
    created () {

    },
    computed: {

    },
    methods: {
    }
}

</script>

<style lang="less" scoped>
  @import "../../../style/style.less";
  .group-list {
    border: 1px solid @border-color;
    padding: 15px;
    .inner {
      padding-top: 15px;
    }
  }
</style>
